input[type=checkbox] {
  height: 30px;
  width: 30px;
}

input[type=checkbox]::after {
  content: '';
  display: block;
  height: 100%;
  width: 100%;
  border: 2px solid darkcyan;
  background: #fff no-repeat center / 26px;
}

input[type=checkbox].checked::after {
  background-image: url("../images/checked.svg");
}


.tab {
  width: 600px;
  margin: 100px auto;
  border: 2px solid cadetblue;
}

.tab .dt {
  height: 40px;
  display: flex;
  align-items: center;
  border-bottom: 2px solid cadetblue;
}
